<template>
  <div class="hig-nav noselect">
    <Menu accordion theme="light" :style="{width: 'auto', height: '100%'}" :open-names="[navList[0].name]" :active-name="navList[0].child[0].name">
        <Submenu v-for="(item,index) in navList" :key="index" :name="item.name">
            <template slot="title">
                <Icon type="ios-share" /> {{item.title}}
            </template>
            <template v-if="item.child">
                <MenuItem v-for="(ob,id) in item.child" :key="id" :name="ob.name" :to="ob.path" :style="{paddingLeft: '63px'}">{{ob.title}}</MenuItem>
            </template>
        </Submenu>
    </Menu>
  </div>
</template>
<script>
import bus from '@/bus'
export default {
  name: 'hig-nav',
  props: {
      navList:{
        type: Array,
        default: [],
      },
  },
  data() {
      return {
        tenantId: this.$store.getUser('tenantId'),
      }
  },
  methods: {
      
  },
  created(){

  }
}
</script>
<style scoped>
.hig-nav {
    height: 100%;
}
</style>